
.top>a>img{
    width:130px;
    height:100px;
    cursor: pointer;}
    .center>.content>img{
    position: relative;
    }
    .login{
        width: 300px;
        padding: 20px;
        /* border: 10px solid pink; */
        border-radius: 15px;
        margin: 20px auto;
        position:absolute;
        top:200px;
        left:900px;
        background-color: rgba(255,255,255,.8);
      }
      
      .login > form {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 30px;
        position: relative;
      }
      
      .login > form > span {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -10px;
        /* font-size:20 px; */
        color: red;
        display: none;
      }
      
      .login > form > span.active {
        display: block;
      }
      
      .login > form > label {
        height: 60px;
        font-size: 14px;
        line-height: 60px;
      }
      
      .login > form > label > input {
        font-size: 20px;
        padding-left: 20px;
        height: 30px;
        border:1px solid gray;
        border-radius: 5px;
        width:200px
      }
      
      /* .login > form > p {
        display: flex;
        height: 30px;
        align-items: center;
        font-size: 18px;
        line-height: 30px;
       } */
/*       
      .login > form > p > a {
        width: auto;
      } */ 
      
      .login > form > button {
        font-size: 14px;
        /* padding: 10px 0; */
        border:2px solid #f46;
        width:60px;
        height:30px;
        line-height: 30px;
        text-align: center;
        margin:0 auto
      }
      